<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单-laber标签</title>
</head>
<body>
    性别:
    <input type="radio" name="gender" id="man"><label for="man">男</label>
    <label><input type="radio" name="gender">女</label>
</body>
</html>
<!--
    label 标签作用:
        网页中，某个标签的说明文本
    经验:
        用 label标签绑定文字和表单控件的关系，增大表单控件的点击范围
    label标签-增大点击范围
        写法一
            label 标签只包裹内容，不包裹表单控件
            设置 label 标签的 for 属性值 和表单控件的 id 属性值相同
            <input type="radio" id="man"><label for="man">男</label>
        写法二
            使用 label 标签包裹文字和表单控件，不需要属性
            <label><input type="radio">女</label>
    提示:
        支持 label 标签增大点击范围的表单控件:文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等等。
-->